Exercise: MyFavoriteMovies - HTML/CSS



  1. Download and install Visual Studio Code (VSCode) (if you haven't done that allready :) )
    Download and install Chrome (if you haven't done that allready :)

  2. Make a new web-page - MyFavoriteMovies, where you introduce your favorite movies.

For inspiration look at The Movie DB: https://www.themoviedb.org/movie

 

Requirements:
The page must have a Border in the top with a list of navigation links like: Movies Admin About Login
The page must have posters/images of Movies and sections with decriptions of the Movies.
It should have Buttons for showing a trailer for the movie like: (with a link to a youtube video).
The page should use HTML5 semantic tag like: <section>, <article>, <header>, <footer>, <nav> etc. see: w3schools
The page should have a nice styling with CSS (eg. margin, padding, colespan, font, color etc.)

Hint:
Use Tables or CSS Grid for laying out the page.
For viewing the Page: Open the file in Chrome or install the VSCode Extensions: "open-in-browser" and right-click the index.html (your page in VSCode)

Enjoy :)